<template>
  <div id="app">
    <fixed-header v-if="!isLoginPage"></fixed-header>
    <div class="router-content">
    <router-view></router-view>
    </div>
  </div>
</template>

<script>
import { computed } from 'vue';
import FixedHeader from './components/FixedHeader.vue';

export default {
  name: 'App',
  components: {
    FixedHeader
  },
computed:{
  isLoginPage(){
    return this.$route.name ==='Login';
  }
}
}
</script>

<style>
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #2c3e50;
}

/* 确保路由内容区域有适当的上边距，避免被固定导航栏遮挡 */
.router-content {
  margin-top: 80px; 
}
</style>